 <{include file="web/header.html"}>
  <!--主要内容区-->
  <div class="container">
    <div class="row">
      <div class="col-xs-8">
        <!--左侧内容-->
        <{foreach item=wx from=$gushir name=foo}>
          <div class="panel">
            <div class="panel-body">
              <div class="title-heading"><strong><a href="<{spUrl c=main a=gsDetails id=$wx.id}>"><{$wx.title}></a> <a href="#"><i class="icon icon-volume-up" data-src="<{$wx.audio}>"></i></a></strong><div style="float:right;"><button class="btn btn-primary" type="button" onclick="beisong(<{$wx.id}>);">背诵</button></div></div>              
              <p><a href="<{spUrl c=main a=gushi f=dynasty v=$wx.dynasty}>"><span class="label label-warning"><{$wx.dynasty}></span></a> <a href="<{spUrl c=main a=gushi f=author v=$wx.author}>"><span class="label label-info"><{$wx.author}></span></a></p>
              <div class="content-content text-muted cont-<{$wx.id}>"><{$wx.content|truncate:120:"...":true}></div>
              <input type="hidden" id="con_<{$wx.id}>" value="<{$wx.content}>" />
            </div>
            <div class="panel-footer">
              <div class="btn-group">
                <button class="btn" onclick="xihuan('gs',<{$wx.id}>,this)"><i class="icon icon-heart-empty"></i></button>
                <!--<button class="btn" data-toggle="collapse" data-target="#collapseComment"><i class="icon icon-comment-alt"></i></button>-->
                <button class="btn" onclick="wechat('gs',<{$wx.id}>,this)"><i class="icon icon-wechat"></i></button>
              </div>
              <div style="float:right;"><{$wx.tags}></div>
              <br >
              <div class="collapse" id="collapseWechat_<{$wx.id}>">
                <div class="bg-primary with-padding">
                  <p><img src="" alt='' id="imgqcode_<{$wx.id}>" style="width:108px;height:108px;" /></p>
                </div>
              </div>                
            </div>
          </div>
        <{/foreach}>
        <{foreach item=ar from=$gs_results name=gsr}>
        <div class="panel">
            <div class="panel-body">
              <div class="title-heading">
                  <strong>
                      <a href="<{spUrl c=main a=articleDetails id=$ar.id}>"><{$ar.title}></a> 
                  </strong>
                  <div style="float:right;"></div>
              </div>              
              <p>
                  <a href="<{spUrl c=main a=gushi f=dynasty v=$ar.dynasty}>"><span class="label label-warning"><{$ar.dynasty}></span></a>
                  <a href="<{spUrl c=main a=gushi f=author v=$ar.author}>"><span class="label label-info"><{$ar.author}></span></a>
              </p>
              <div class="content-content text-muted cont-<{$ar.id}>"><{$ar.content|truncate:120:"...":true}></div>
              
            </div>
            <div class="panel-footer">
              <div class="btn-group">
                <button class="btn" onclick="xihuan('gs',<{$ar.id}>,this)"><i class="icon icon-heart-empty"></i></button>
                <button class="btn" onclick="wechat('gs',<{$ar.id}>,this)"><i class="icon icon-wechat"></i></button>
              </div>
              <div style="float:right;"><{$ar.tags}></div>
              <br >
              <div class="collapse" id="collapseWechat_<{$ar.id}>">
                <div class="bg-primary with-padding">
                  <p><img src="" alt='' id="imgqcode_<{$ar.id}>" style="width:108px;height:108px;" /></p>
                </div>
              </div>                
            </div>
          </div>
        <{/foreach}>
        <script id="wPhoenixfm_20">(function () {var zy = document.createElement("script");var flowExchange = window.location.protocol.split(":")[0];var http = flowExchange === "https"?"https":"http";zy.src = "https://www.phoenixfm.cn/ad/ad/GetGoods.html?id=20&sign=b8bab420b0d6e2de7466d988336a32eb";var s = document.getElementsByTagName("script");for(var i=0;i< s.length;i++){if(s[i].id){if(s[i].id == "wPhoenixfm_20"){s[i].parentNode.insertBefore(zy, s[i]);continue;}}}})();</script>
        <br />
        <{foreach item=wx from=$books name=foo1}>
          <div class="panel">
            <div class="panel-body">
              <div class="title-heading"><strong><a href="<{spUrl c=main a=gjDetails id=$wx.id}>">《<{$wx.title}>》</a></strong></div>
              <p><span class="label label-warning"><{$wx.dynasty}></span> <span class="label label-info"><{$wx.author}></span></p>
              <div class="content-content text-muted">
                <div class="col-xs-8"><{$wx.intro|truncate:120:"...":true}></div>
                <div class="col-xs-3"><div class="media pull-right"><a href="<{spUrl c=main a=gjDetails id=$wx.id}>"><img src="<{$wx.pic}>" style="width:80px;" alt=""></a></div></div>                
              </div>
            </div>
            <div class="panel-footer">
              <div class="btn-group">
                <button class="btn" onclick="xihuan('gj',<{$wx.id}>,this)"><i class="icon icon-heart-empty"></i></button>
                <!--<button class="btn"><i class="icon icon-comment-alt"></i></button>-->
                <button class="btn" onclick="wechat('gj',<{$wx.id}>,this)"><i class="icon icon-wechat"></i></button>
              </div>
              <div style="float:right;"><{$wx.tags}></div>
              <br >
              <div class="collapse" id="collapseWechat_<{$wx.id}>">
                <div class="bg-primary with-padding">
                  <p><img src="" alt='' id="imgqcode_<{$wx.id}>" style="width:108px;height:108px;" /></p>
                </div>
              </div>
            </div>
          </div>
        <{/foreach}>
        <{foreach item=wx from=$chengyus name=foo}>
          <div class="panel">
            <div class="panel-body">
              <div class="title-heading"><strong><{$wx.title}></strong></div>
              <p><span class="label label-warning">成语</span> <span class="label label-info"><{$wx.author}></span></p>
              <div class="content-content text-muted"><{$wx.desc|strip_tags|truncate:120:"...":true}></div>
            </div>
            <div class="panel-footer">
              <div class="btn-group">
                <button class="btn" onclick="xihuan('cy',<{$wx.id}>,this)"><i class="icon icon-heart-empty"></i></button>
                <!--<button class="btn"><i class="icon icon-comment-alt"></i></button>-->
                <button class="btn" onclick="wechat('cy',<{$wx.id}>,this)"><i class="icon icon-wechat"></i></button>
              </div>
              <div style="float:right;"></div>
              <br >
              <div class="collapse" id="collapseWechat_<{$wx.id}>">
                <div class="bg-primary with-padding">
                  <p><img src="" alt='' id="imgqcode_<{$wx.id}>" style="width:108px;height:108px;" /></p>
                </div>
              </div>
            </div>
          </div>
        <{/foreach}>
      </div>
      <div class="col-xs-3">
      	<!--右侧内容-->
        <div class="panel">
          <div class="panel-body">
            <img style="float:left;" src="//p1.renbenzhihui.com/upload/2024_44/802d1596b33b4d1.jpg" width="100%" alt="简说古诗">
            <div class="card-heading"><strong>扫码体验小程序</strong></div>
            <div class="card-content text-muted">扫码体验更全，更好的内容。</div>
          </div>
        </div>
        
        <div class="panel panel-primary">
          <!--<div class="panel-heading">
           <h4>古诗</h4>
          </div>-->
          <div class="panel-body">
            <script id="w2898_18399">(function () {var zy = document.createElement("script");var flowExchange = window.location.protocol.split(":")[0];var http = flowExchange === "https"?"https":"http";zy.src = http+"://exchange.2898.com/index/flowexchange/getGoods?id=18399&sign=439ed0c2c6037b78989519de8910983d";var s = document.getElementsByTagName("script");for(var i=0;i< s.length;i++){if(s[i].id){if(s[i].id == "w2898_18399"){s[i].parentNode.insertBefore(zy, s[i]);continue;}}}})();</script>
          </div>
        </div>
        
        <div class="panel panel-primary">
          <div class="panel-heading">
           <h4>作者</h4>
          </div>
          <div class="panel-body">
            <ul style="list-style-type: none;">
                <{foreach item=wx from=$authors name=foo4}>
            	<li style="width: 50px;display: inline;">
                    <a class="btn btn-link" href="<{spUrl c=main a=zzDetails id=$wx.id}>"><{$wx.title}></a>
                </li>
                <{/foreach}>
            </ul>
          </div>
        </div>
        
        <div class="panel panel-primary">
          <div class="panel-heading">
           <h4>古籍</h4>
          </div>
          <div class="panel-body">
            <ul style="list-style-type: none;">
                <{foreach item=wx from=$bs name=foo5}>
            	<li style="width: 50px;display: inline;">
                    <a class="btn btn-link" href="<{spUrl c=main a=gjDetails id=$wx.id}>"><{$wx.title}></a>
                </li>
                <{/foreach}>
            </ul>
          </div>
        </div>
        
        <div class="panel panel-primary">
          <div class="panel-heading">
           <h4>成语</h4>
          </div>
          <div class="panel-body">
            <ul style="list-style-type: none;">
                <{foreach item=wx from=$cys name=foo5}>
            	<li style="width: 50px;display: inline;">
                    <a class="btn btn-link" href="#"><{$wx.title}></a>
                </li>
                <{/foreach}>
            </ul>
          </div>
        </div>
        
      </div>
    </div>
  </div>
  
          
          
  <{include file="web/footer.html"}>
